/*导航栏部分开始*/
.nav_middle {
	height: 480px;
	/*background-color: #ccc;*/
}

/*导航栏左边部分开始*/
.nav_l {
width: 190px;
height: 100%;
background-color: #6e6568;
box-sizing: border-box;
font-size: 14px;
line-height: 14px;
color: #fff;
position: relative;
}
.nav_l ul{
	margin: 18px 0;
}
.nav_l ul li {
	padding-left: 12px;
	line-height: 28px;
}
.nav_l li a {
font-size: 14px;
color: #fff;
}
.nav_l li a:hover {
	color: #f10215;
}
.nav_l .ad-l{
	position: absolute;
	left: -250px;
	top: 0;
}
.nav_l .ad_r {
	width: 0px;
	height: 480px;
	background: url(../images/ad-r.jpg) no-repeat;
	z-index: 999;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	transition: all 0.8s;
}
.ad:hover .ad_r {
	width: 990px; 
}
/*导航栏左边部分结束*/
/*导航栏中间部分开始*/
/* .nav_c { */
/*width: 790px;
height: 100%;
margin-left: 10px;*/
/*background-color: yellow;*/
/* } */
.nav_c .nav_t {
	width: 790px;
	height: 340px;
	background-color: #00a3ff;
	position: relative;
	overflow: hidden;
}
.nav_t a{
	display: block;
	width: 790px;
}
.nav_t ul{
	width:600%;
	/*width: 790px;*/
	height: 340px;
	position: absolute;

}
.nav_t li{
	width: 790px;
	float:left;
}
.nav_t ol{
	position: absolute;
	bottom: 0;
	left: 0;
	list-style: none;
}
.nav_t ol li{
		float:left;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background-color: #ccc;
		text-align: center;
		line-height: 20px;
		margin: 5px;
		cursor:pointer;
	}
.nav_t .current{
		background-color: yellow;
		color: #fff;
	}
.nav_t .arr{
			position:absolute;
			top:50%;
			transform: translate(0,-50%);
			display: none;
		}
.nav_t .arr span{
			width: 30px;
			height: 50px;
			text-align: center;
			font: 700 20px/50px "microsoft yahei";
			background-color: rgba(0,0,0,0.2);
			cursor: pointer;
			z-index: 1;
		}
.nav_t .arr span:first-child{
			position: absolute;
			left: 0;
			
			
		}
.nav_t .arr span:last-child{
			position: absolute;
			right: -790px;
			
		}
.nav_bl,
.nav_br {
	margin-top: 10px;
}
.nav_br {
	margin-left: 10px;
}
/*导航栏中间部分结束*/
/*导航栏右边部分开始*/
.nav_r {
	width: 190px;
	height: 100%;
	background-color: #fff;
}
.login {
	height: 85px;
	/*background-color: #ffff00;*/
	border-bottom: 1px solid #e6e6e6;
	padding: 15px;
	/*position: relative;*/
}
.login_t {
	width: 100px;
	height: 60px;
	line-height: 20px;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
	padding-left: 60px;
	position: relative;
	
}
.login_t a {
	color: #666;
}
.login_t a:hover{
	color: #f10215;
}
.login_info {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	background:url(../images/sprite_userinfo@1x.png) no-repeat -70px 0;
}
 .login_info img {
	width: 40px;
	border-radius: 50%;
	margin: 5px;
}
.login_b a {
	display: inline-block;
	width: 70px;
	height: 20px;
	line-height: 20px;
	border: 2px solid #f10215;
	text-align: center;
	font-size: 14px;
	color: #f10215;
}
.login_b a:first-child {
	margin-right: 7px;
}
.login_b a:hover {
	background-color: #f10215;
	color: #fff;
}
.news {
	height: 154px;
	padding: 7px 15px 0;
	box-sizing: border-box;
	background-color: #fff;
}
.news .news_t {
	/*width: 165px;*/
	height: 25px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 auto;
	position: relative; 
}
.news .news_t a {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	color: #333;
	display: inline-block;
	width: 37px;
}
.news_t a:nth-child(1) {
	border-right: 1px solid #e6e6e6;
}
.news_t a:nth-child(2) {
	margin-left: 15px;
}
.news_t a:nth-child(3) {
	float: right;
}
.news_t div {
	width: 28px;
	height: 2px;
	background-color: #f10215;
	position: absolute;
	left: 0;
	bottom: -1px;
}
.news_b {
	margin-top: 18px;
}
.news_b li{
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #666;
}
.news_b a:hover{
	color: #f10215;
}
.expand {
	width: 190px;
	height: 210px;
	/*background-color: pink;*/
	overflow: hidden;
	/*padding-top: 2px;*/
}
.expand ul {
	width: 195px;
	
}
.expand li {
	width: 47px;
	height: 69px;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	float: left;
	
	/*position: absolute;*/
}
.expand li div {
	width: 25px;
	height: 25px;
	margin: 14px 0 10px 8px;
	background: url(../images/sprite_fs@1x.png) no-repeat 0 -85px;
}
.expand li:nth-child(2) div {
	background-position: 0px -44px;
}
.expand li:nth-child(3) div {
	background-position: -44px -88px;
}
.expand li:nth-child(4) div {
	background-position: -88px 0px;
}
.expand li:nth-child(5) div {
	background-position: -88px -44px;
}
.expand li:nth-child(6) div {
	background-position: 0px 0px;
}
.expand li:nth-child(7) div {
	background-position: -44px -44px;
}
.expand li:nth-child(8) div {
	background-position: -88px -88px;
}
.expand li:nth-child(9) div {
	background-position: -131px 0px;
}
.expand li:nth-child(10) div {
	background-position: -131px -44px;
}
.expand li:nth-child(11)div {
	background-position: -131px -88px;
}
.expand li:nth-child(12) div {
	background-position: -44px 0px;
}
.expand li h5 {
	width: 40px;
	direction: inline-block;
	text-align: center;
	/*height: 23px;*/
}
/*导航栏右边部分结束*/
/*导航栏部分结束*/
/*商品推广模块开始*/
/*1秒杀模块*/
.panic {
	height: 300px;
	/*background-color: pink;*/
	margin-top: 10px;
}
.panic_t {
	height: 55px;
	line-height: 55px;
	background-color: #e01222;
	color: #fff;
	/*vertical-align: bottom;*/
}

.panic_t h5 {
	padding-left: 70px;
	font-size: 24px;
	font-weight: normal;
}
.panic_t a {
	padding-left: 15px;
	font-size: 16px;
	position: relative;
	color: #fff;
	display: block;
	width: 700px;
}
.panic_t span {
	font-family: "icomoon";
	font-style: normal;
}
.panic_b {
	margin-top: 10px;

}
.panic_b li {
	width: 195px;
	height: 230px;
	border-right: 1px solid #ccc;
	/*background-color: skyblue;*/
	float: left;
	box-sizing: border-box;
}
.panic_b li:nth-child(5) {
	border-right: 0px;
}
.panic_b .pic {
	/*display: inline-block;*/
	width: 195px;
	height: 150px;
	text-align: center;
}
.panic_b li p {
	margin: 14px ;
	font-size: 12px;
	color: #999;

}
.price {
	margin-left: 14px;

}
.price_1 {
	color: #f10214;
}
.price_1 ,
.price_2 {
	font-size: 12px;
	font-style: normal;
	margin: 0 2px;
}
.price_2 {
	color: #999;
}
.price del {
	font-size: 12px;
	color: #999;
}
.price strong {
	font-size: 18px;
	color: #f10214;
}
.mioasha {
	width: 180px;
	height: 224px;
	background-color: #e8e8e8;
	margin: 12px 10px 0 0;
	text-align: center;
	padding-top: 20px;
}
.mioasha img {
	margin-bottom: 20px;
}
.mioasha h3{
	width: 140px;
	height: 33px;
	line-height: 33px;
	color: #ee7a15;
	font-size: 20px;
	border-top: 2px solid #ee7a15;
	border-bottom: 2px solid #ee7a15;
	margin:0 auto;
}
.mioasha p{
	font-size: 14px;
	color: #ee7a15;
	margin-top: 6px;
	font-weight: 700;
}
/*发现好货*/
.buy {
	height: 440px;
	/*background-color: pink;*/
	margin-top: 40px;
	display: flex;
}
/* .buy_find ,
.buy_buy,
.buy_rank
{
	flex: 1;
	/*background-color: pink;*/
/* }  */
.buy_top {
	width: 100%;
	height: 55px;
	line-height: 55px;
	color: #fff;
}
.buy_find .buy_f_t {
	background: -webkit-linear-gradient(left,#4897a0,#2e828b);
	background: -ms-linear-gradient(left,#4897a0,#2e828b);
}
.buy .flex2 {
	flex: 2;
}
.buy .flex1 {
	flex: 1;
}
.buy_find .discount{
	/* flex: 2; */
	background-color: #ed2e15;
}
.buy_buy .findme {
	/* flex: 1; */
	background-color: #595c96;
}
.buy_top h5{
	font-size: 24px;
	font-weight: normal;
	margin-left: 28px;
	/*margin-bottom: 14px;*/
}
.buy_top p {
	margin-right: 18px;
	color: #fff;
}
.buy_top span {
	font-family: "icomoon";
	font-style: normal; 
}

.buy_find .buy_f_items li {
	position: relative;
	float: left;
	width: 186px;
	height: 122px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	
}
/* .buy_f_items li:nth-child(2n) {
	border-left: 1px solid #ccc;
} */
.buy_f_items li:nth-child(n+5) {
	border-bottom: 0; 
}
.buy_f_items li p {
	width: 80px;
	height: 40px;
	color: #4998a1;
	font-size: 14px;
	margin: 20px;
}
.buy_f_items li img {
	position: absolute;
	bottom: 2px;
	right: 2px;
}
.buy_buy {
	/* flex: 1; */
	/*background-color: purple;*/
	margin: 0px 10px;
}
.buy_1 {
	border-bottom: 1px solid #eee;
}
.buy_buy .b_b_t {
	background-color: #75478d;
}
.buy_buy .buy_1,
.buy_2 {
	height: 160px;
	width: 375px;
	/*background-color: pink;*/
	margin-top: 28px;
	margin-left: 16px;
}
.buy_1 p ,
.buy_2 p{
	margin-left: 6px;
	font-size: 14px;
	color: #666;

}
.buy_buy img {
	margin: 16px 0;
}
.buy_buy .img2 {
	margin:16px 10px;
}
/* .buy_rank { */
	/* flex: 1; */
	/*background-color: yellow;*/
/* } */
.buy_r_t {
	background-color: #e66e04;
}
.rank_clas {
	width: 390px;
	height: 30px;
}
.rank_clas ul {
	width: 390px;
	padding: 6px 0px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.rank_clas ul li  {
	width: 77px;                    
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #ccc;
	float: left;
	text-align:center;
}
.rank_clas ul li:last-child{
	border-right: 0;
	width: 69px;
	white-space: nowrap;
	overflow: hidden;
	/*padding-right: 10px;*/
}
.rank_clas  li a {
	width: 100%;
	font-size: 14px;
	color: #666;
}
.rank_gift {
	width: 370px;	
	height: 340px;
	margin-top: 12px;
	/*background-color: pink;*/
}
.rank_gift li {
	width: 122px;
	height: 164px;
	float:left;
	padding: 10px;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.rank_gift li:nth-child(3n){
	border-right: 0px;
}
.rank_gift li:nth-child(4),
.rank_gift li:nth-child(5),
.rank_gift li:nth-child(6)
{
	border-bottom: 0px;
}
.rank_gift li p {
	padding-top: 10px;
	line-height: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/*text-overflow:hidden;*/
	overflow:hidden;
	/*white-space: pre-wrap;*/

}
.find_news{
	height: 300px;
}
.buy_buy .find_news .img {
	float: left;
	width: 200px;
	margin-left: 10px;
}
.find_news div {
	width: 150px;
	float: right; 
	/* right: -20px; */
	margin: 16px 0;
}
.find_news div h5 {
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 10px;
}
.find_news div p {
	font-size: 14px;
	color: #999;
}
.find_news div p a {
	color: #4f629f;
}
.find_news .watch {
	margin-top:35px ;
}
/*商品推广模块结束*/
